module.exports = {
  publicPath: '/',
  outputDir: 'dist',
  lintOnSave: true,
  runtimeCompiler: true, //关键点在这  
  // 调整内部的 webpack 配置。
  // 查阅 https://github.com/vuejs/vue-doc-zh-cn/vue-cli/webpack.md
  css: {
    requireModuleExtension:true,
    loaderOptions: {
        sass: {
            prependData: `@import "./src/style/global";`,
        },
        postcss: {
          plugins: [
            require("autoprefixer")({
              // 配置使用 autoprefixer
              overrideBrowserslist: ["last 15 versions"] 
            }),
            require("postcss-pxtorem")({
              rootValue: 37.5, // 换算的基数
              // 忽略转换正则匹配项。插件会转化所有的样式的px。比如引入了三方UI，也会被转化。目前我使用 selectorBlackList字段，来过滤
              //如果个别地方不想转化px。可以简单的使用大写的 PX 或 Px 。
              selectorBlackList: ["ig"],
              propList: ["*"],
              exclude: /node_modules/
            }),
          ]
        },
    },
  },
  chainWebpack: () => {},
  configureWebpack: () => {},
  // 配置 webpack-dev-server 行为。
  devServer: {
    open: process.platform === 'darwin',
    host: '0.0.0.0',
    port: 8080,
    https: false,
    hotOnly: false,
    // 查阅 https://github.com/vuejs/vue-doc-zh-cn/vue-cli/cli-service.md#配置代理
    proxy: null, // string | Object
    before: app => {}
  }
}
